<!DOCTYPE html>
<html rem="750">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,
     maximum-scale=1.0, user-scalable=0">
    <title>YEPOM</title>
    <link rel="stylesheet" href="./css/u-reset.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <header><i class="iconfont icon-close"></i>YEPOM <i class="iconfont icon-gengduo"></i> </header>
    <div class="search">
        <div>
            <i class="iconfont icon-sousuo"></i>
            <span>小沙发</span>
        </div>
    </div>
    <!-- 菜单 开始 -->
    <nav>
        <ul>
            <li class="active"><span>精选</span></li>
            <li><span>居家生活</span></li>
            <li><span>简约风格</span></li>
            <li><span>北欧家具</span></li>
            <li><span>家装饰品</span></li>
        </ul>
    </nav>
    <!-- 菜单 结束 -->
    <!-- 轮播图 开始 -->
    <section class="banner">
        <img src="./img/banner.jpg" alt="">
        <ul class="ban">
            <li ></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </section>
    <!-- 轮播图 结束 -->
    <!-- 相关信息 开始-->
    <div class="info">
        <ol>
            <li><i class="iconfont icon-pingpai"></i><span>品牌自营</span></li>
            <li><i class="iconfont icon-zu722-02"></i><span>7天退换</span></li>
            <li><i class="iconfont icon-wuliu"></i><span>顺丰速递</span></li>
            <li><i class="iconfont icon-pinzhibaozheng"></i><span>品质保证</span></li>
        </ol>
    </div>
    <!-- 相关信息 结束-->
    <!-- 热卖产品 开始 -->
    <section class="sec">
        <div class="content">
            <div class="items">
                <div class="ch"><i class="iconfont icon-jiangpai"></i><span>热卖产品</span></div>
                <p class="en">HOT DEALS</p>
            </div>
            <div class="pics">
                <ul class="hot">
                    <li><img src="./img/hot1.png" alt=""></li>
                    <li><img src="./img/hot2.png" alt=""></li>
                    <li><img src="./img/hot3.png" alt=""></li>
                    <li><img src="./img/hot4.png" alt=""></li>
                </ul>
            </div>
        </div>     
    </section>
    <!-- 热卖产品 结束 -->
    <!-- 新品上市 开始 -->
    <section class="sec">
        <div class="content cnew">
            <div class="items">
                <div class="ch"><i class="iconfont icon-shafa"></i><span>新品上市</span></div>
                <p class="en">Classic product</p>
            </div>
            <div class="new">
                <div class="new-left">
                    <img src="./img/newpic.png" alt="">
                </div>
                <div class="new-right">
                    <p>北欧风格家具</p>
                    <span>设计的意义</span><br>
                    <span>是化繁为简</span><br>
                    <span>是设计为人的体现</span>
                    <br><br><br><br>
                    <span>设计为人</span>                
                </div>
            </div>
            <div class="button">
                <div class="more"><span>查看更多</span></div>
            </div>
        </div>     
    </section>
    <!-- 新品上市 结束 -->
    <!-- 发现好货 开始 -->
    <section class="sec">
        <div class="content">
            <div class="items">
                <div class="ch"><i class="iconfont icon-dengpao"></i><span>发现好货</span></div>
                <p class="en">Found good goods</p>
            </div>
            <div class="pics">
                <ul class="found">
                    <li>
                        <img src="./img/found1.png" alt="">
                        <div class="text">
                            <span>懒人沙发懒人福利超级舒适</span>
                        </div>
                        <p>¥1099</p>
                    </li>
                    <li>
                        <img src="./img/found2.png" alt="">
                        <div class="text">
                            <span>北欧风格小茶几时尚简约型</span>
                        </div>
                        <p>¥1599</p>
                    </li>
                    <li>
                        <img src="./img/found3.png" alt="">
                        <div class="text">
                            <span>北欧风格居家小型单人沙发</span>
                        </div>
                        <p>¥2599</p>
                    </li>
                    <li>
                        <img src="./img/found4.png" alt="">
                        <div class="text">
                            <span>丹麦设计小板凳舒适小座椅</span>
                        </div>
                        <p>¥1099</p>
                    </li>
                    <li>
                        <img src="./img/found5.png" alt="">
                        <div class="text">
                            <span>丹麦设计小板凳舒适小座椅</span>
                        </div>
                        <p>¥999</p>
                    </li>
                    <li>
                        <img src="./img/found6.png" alt="">
                        <div class="text">
                            <span>北欧风格居家小型单人沙发</span>
                        </div>
                        <p>¥2599</p>
                    </li>
                </ul>
            </div>
        </div>     
    </section>
    <!-- 发现好货 结束 -->
    <!-- 更多产品 开始-->
    <section class="sec">
        <div class="content">
            <div class="items">
                <div class="ch"><i class="iconfont icon-taideng"></i><span>更多产品</span></div>
                <p class="en">More</p>
            </div>
            <div class="picture">
                <div class="pic-up"><a href=""><img src="./img/moreup.png" alt=""></a></div>
                <ul class="morepic">
                    <li><a href=""><img src="./img/more1.png" alt=""></a></li>
                    <li><a href=""><img src="./img/more2.png" alt=""></a></li>
                    <li><a href=""><img src="./img/more3.png" alt=""></a></li>
                    <li><a href=""><img src="./img/more4.png" alt=""></a></li>
                </ul>
                <div class="pic-down"><a href=""><img src="./img/moredown.png" alt=""></a></div>
            </div>
        </div>     
    </section>
    <!-- 更多产品 结束 -->
    <!-- 底部 开始 -->
    <footer>
        <ul>
            <li>
                <a href="" class="active">
                    <i class="iconfont icon-house"></i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="./class.html">
                    <i class="iconfont icon-category"></i>
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="./shopcar.html">
                    <i class="iconfont icon-gouwuche"></i>
                    <span>购物车</span>
                </a>
            </li>
            <li>
                <a href="./mine.html">
                    <i class="iconfont icon-people"></i>
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
    <!-- 底部 结束 -->
</body>
</html>